import React, { useState } from 'react'

export default function App() {
  // 可以函数组件提供状态和修改状态的方法
  // 参数：表示状态
  // 返回值：是一个数组，第一个是当前状态，第二个是一个函数，用于修改状态
  const [count, setCount] = useState(0)
  /* const arr = useState(0)
  const [count, setCount] = arr */

  const handleClick = () => {
    // 用最新的 count + 1 覆盖原来的值
    setCount(count + 1)
  }
  return (
    <div>
      <p>计数器：{count}</p>
      <button onClick={handleClick}>+1</button>
    </div>
  )
}
